From: Umang Jain <mailumangjain@gmail.com>
Date: Tue, 14 Jan 2020 15:15:48 +0000 (+0530)
Subject: authPrompt: Iconize the cancel button
X-Git-Tag: archive/raspbian/50.5-1+rpi1~1^2~777^2^2~83
X-Git-Url: https://dgit.raspbian.org/%22http://www.example.com/cgi/%22/%22http:/www.example.com/cgi/%22?a=commitdiff_plain;h=7fc4fe9a97fdbcc1cc165ba0a896917aea50fd29;p=gnome-shell.git

authPrompt: Iconize the cancel button

Replace the "Cancel" label in the cancel button
by an arrow icon, and adjust the theme to make
it circular.

https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/922
---

diff --git a/data/theme/gnome-shell-sass/widgets/_login-dialog.scss b/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
index 44556684a..31c7b0c29 100644
--- a/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
+++ b/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
@@ -68,6 +68,17 @@
       }
     }
   }
+
+  .cancel-button {
+    padding: 0;
+    border-radius: 99px;
+    width: $base_icon_size * 2;
+    height: $base_icon_size * 2;
+    border-color: transparentize($bg_color,0.7);
+    background-color: transparentize($bg_color,0.7);
+
+    StIcon { icon-size: $base_icon_size; }
+  }
 }
 
 .login-dialog-logo-bin { padding: 24px 0px; }
diff --git a/js/gdm/authPrompt.js b/js/gdm/authPrompt.js
index 8d52eddac..1c35256ac 100644
--- a/js/gdm/authPrompt.js
+++ b/js/gdm/authPrompt.js
@@ -133,13 +133,13 @@ var AuthPrompt = GObject.registerClass({
         this.add_child(this._mainBox);
 
         this.cancelButton = new St.Button({
-            style_class: 'modal-dialog-button button',
+            style_class: 'modal-dialog-button button cancel-button',
             button_mask: St.ButtonMask.ONE | St.ButtonMask.THREE,
             reactive: true,
             can_focus: true,
-            label: _("Cancel"),
             x_align: Clutter.ActorAlign.START,
             y_align: Clutter.ActorAlign.CENTER,
+            child: new St.Icon({ icon_name: 'go-previous-symbolic' }),
         });
         this.cancelButton.connect('clicked', () => this.cancel());
         this._mainBox.add_child(this.cancelButton);